
/**
 * this 有问题的写法
 */
import React from "react"
class Test extends React.Component {
  constructor() {
    super()
    // 使用bind强行修正我们的this指向
    // 相当于在类组件初始化阶段 就可以把回调函数的this修正对
    // 永远指向当前组件实例对象
    this.handler = this.handler.bind(this)
  }
  handler () {
    console.log(this, 'this') // undefined
    // this.setState去修改数据还可以吗？ 就会报错了

  }
  render () {
    return (
      <div>
        <div></div>
        <button onClick={this.handler}>click</button>
      </div>
    )
  }
}

function App () {
  return (
    <div className="App">
      <Test></Test>
    </div>
  )
}

export default App
